<template>
  <div>
    <h1>news - news - news</h1>
    <!-- <router-link :to="`/news/detail?id=${id}`">123</router-link> -->
    <!-- <router-link :to="{
      path: '/news/detail',
      query: {
        id: id,
        sex: sex
      }
    }">{{ title }}</router-link> -->
    <router-link :to="{
      // path:'/news/detail',
      name: 'detail',
      params: {
        id: id,
        content: content,
        title: title
      }
    }">{{ title }}</router-link>
    <div class="new-content">
      <RouterView></RouterView>
    </div>
  </div>
</template>

<script setup lang='ts' name="xinwen">
import { ref } from 'vue'
const id = ref('000001')
const content = ref('female')
const title = ref('详情')
</script>

<style scoped lang='scss'></style>